const routes = [
  {
    path: '/',
    name: 'index',
    component: () => import('../views/index.vue')
  },
  {
    path: '/functional',
    name: 'functional',
    component: () => import('../views/mains.vue'),
    children: [
      {
        path: 'a',
        name: 'functionalA',
        component: () => import('../views/mains.vue'),
        children: [
          {
            path: 'functionone',
            name: 'functionalAFunctionOne',
            component: () => import('../views/functional/functionA/one.vue'),
          },
          {
            path: 'functiontwo',
            name: 'functionalAFunctionTwo',
            component: () => import('../views/functional/functionA/two.vue'),
          },
          {
            path: 'functionthree/:id',
            name: 'functionalAFunctionThree',
            component: () => import('../views/functional/functionA/three.vue'),
          },
          {
            path: 'functionfour',
            name: 'functionalAFunctionFour',
            component: () => import('../views/functional/functionA/four.vue'),
          }
        ]
      }
    ]
  },
]

export { routes }   